<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>jQuery Scroll Bars</title>
		
		<link rel="stylesheet" type="text/css" href="styles/minimal.css"/>
		<style type="text/css">
			#container {
				width: 300px;
			}
			.content {
				float: left;
				width: 300px;
				height: 300px;
				overflow: auto;
				background: #eee;
				border: 1px solid black;
				position: relative;
			}
		</style>
		
		<script type="text/javascript" src="../lib/jquery/jquery-1.4.min.js"></script>
		<script type="text/javascript" src="scripts/jquery.scrollbars.0.1.js"></script>
		<script type="text/javascript">
			$(function() {
				
			});
		</script>
	</head>
	<body>
		<textarea class="content" wrap="off">
			<a href="#">1</a><br/>
			<a href="#">2</a><br/>
			<a href="#">3</a><br/>
			<a href="#">4</a><br/>
			<a href="#">5</a><br/>
			<a href="#">1</a><br/>
			<a href="#">2</a><br/>
			<a href="#">3</a><br/>
			<a href="#">4</a><br/>
			<a href="#">5</a><br/>
			<a href="#">1</a><br/>
			<a href="#">2</a><br/>
			<a href="#">3</a><br/>
			<a href="#">4</a><br/>
			<a href="#">5</a><br/>
			<a href="#">123456789012345678901234567890123456789012345678901234567890</a><br/>
			<a href="#">2</a><br/>
			<a href="#">3</a><br/>
			<a href="#">4</a><br/>
			<a href="#">5</a><br/>
			<a href="#">1</a><br/>
			<a href="#">2</a><br/>
			<a href="#">3</a><br/>
			<a href="#">4</a><br/>
			<a href="#">5</a><br/>
			<a href="#">1</a><br/>
			<a href="#">2</a><br/>
			<a href="#">3</a><br/>
			<a href="#">4</a><br/>
			<a href="#">5</a><br/>
		</textarea>
		<button onclick="$('.content').scrollbars({stealth: false, overflow: 'auto'});">Add Scroll Bars</button>
		<button onclick="$('.content').animate({paddingLeft: 50, paddingTop: 50}, 1000).animate({height: 100, width: 100}, 5000).animate({top: 100, left: 100}, 1000).animate({paddingLeft: 0, paddingTop: 0}, 1000).animate({height: 300, width: 300}, 1000).animate({left: 0, top: 0}, 1000)">Animate</button>
	</body>
</html>
